@import 'global.css';

.apiDetailBox {
    width:100%;
    height:auto;
}

.apiDetailMain {
    width:1100px;
    height:auto;
    background:#fff;
    margin:0px auto;
}

.apiDetailContent {
    width:100%;
    height:auto;
    float:left;
}

.apiDetailMenu {
    width:18%;
    height:auto;
    background:#fff;
    float:left;
}

.apiDetailMd {
    width:82%;
    height:auto;
    float:right;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    background:#fff;
}

.apiDetailVideoBox {
    width:100%;
    height:auto;
    /* margin-bottom:20px; */
}

.apiDetailVideoContent {
    padding-left:15px;
}

.apiDetailMenuItem {
    width:100%;
    height:40px;
    text-indent: 15px;
    line-height:40px;
}

.apiDetailMenuItem p {
    background:#333;
    color:#fff;
    margin:0px;
}

.apiDetailMenuItem p.selected {
    background:#000;
}

.apiDetailMenuContent {
    width:100%;
    height:40px;
    float:left;
    font-size:13px;
    color:#666;
    cursor:pointer;
}

.apiDetailMenuContent:hover {
    background:#eee;
}

.apiDetailMdContent {
    width:100%;
    height:auto;
    padding-left:15px;
}

.apiDetailVideoTitle {
    width:100%;
    height:40px;
    padding-left:15px;
    font-size:18px;
}


.apiDetailVideoTitle i {
    font-size:20px;
    position: relative;
    top:-1px;
}

/**视频相关样式**/

.video_prev_box {
	width: 100%;
	height: 100%;
	top: 0px;
	display: none;
	left: 0px;
	position: absolute;
	z-index:999999;
	background-color: rgba(0, 0, 0, .8);
}

.video_prev_box .video_prev_main {
	width: 800px;
	height: 80%;
	margin: 0px auto;
	position: absolute;
	top: 10%;
	background: #fff;
	left: 50%;
	margin-left: -400;
}

.video_prev_box .video_prev_close_btn {
	width: 50px;
	height: 50px;
	position: absolute;
	right: 0;
	top: 0px;
	margin-right: 20px;
	margin-top: 10px;
}

.video_prev_box .video_prev_close_btn span {
	font-size: 50px;
	color: #999;
	opacity: 0.5;
}

.video_prev_box .video_prev_close_btn span:hover {
	color: #666;
	cursor: pointer;
}

.video_prev_box  .video_prev_min_btn {
    width:50px;
    height:50px;
    position: absolute;
    right:70;
    top:0px;
    margin-right:20px;
    margin-top:10px;
}

.video_prev_box  .video_prev_min_btn span{
    font-size:50px;
    color:#999;
    opacity: 0.5;
}

.video_prev_box  .video_prev_min_btn span:hover{
    color:#666;
    cursor:pointer;
}

.video_action_box {
    height:38px;
    width:340px;
    display:none;
    background:#000;
    color:#fff;
    line-height:40px;
}

.video_action_box  span {
    font-size:26px;
    float:right;
}

.video_action_box span:hover {
    color:#999;
    cursor:pointer;
}